.swiperloop3{ display: none;}
.major{ height: auto; overflow: hidden; padding:4% 0px;}
.index-title{ height: auto; overflow: hidden; text-align: center;}
.index-title h1{ color:#142f73; font-size: 40px; font-weight: bold; line-height: 42px;}
.index-title p{ font-size: 14px; color:#666666; background: url(../images/line_bg.png) no-repeat center; margin:20px auto;}


.system_con{height: auto; overflow: hidden; margin-top: 2%; }
.syt{ height: auto; overflow: hidden; background: #fff;  text-align: center;border-right:1px solid #eeeeee; padding-top: 5%; }
.system_con .col_line{ width: 33.3%; float: left;}
.system_con .col_line:last-child .syt{  border-right: 0px;} 
.syt b{ display: block; width: 162px; height: 162px; border-radius: 50%;     margin:0 auto;    box-shadow: 0 0 0 2px rgba(0,114,109,1); position: relative;}
.syt b:after{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: -2px;
    left: -2px;
    padding: 0;
    z-index: 10;
    border: 2px dashed #14ab53;
}
.syt b:hover{
 -webkit-transition: box-shadow 0.2s;
 -moz-transition: box-shadow 0.2s;
 transition: box-shadow 0.2s;box-shadow: 0 0 0 0 rgba(20,171,83,0);
}
.syt b:hover:after{
	-webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite; 
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}



.syt img{ display: block; margin:0 auto; }
.syt h2{ font-size: 22px; color:#142f73; margin-bottom: 2%; margin-top: 5%; font-weight: normal;}
.syt p{ font-size: 13px; color:#333333; overflow: hidden;}

.review{ height: auto ;overflow: hidden; background: url(../images/review_bg.jpg) no-repeat top center;}
.review_in{ height: 550px; margin:0 auto; background: rgba(255,255,255,0.8);margin-top: -24px;}

.review_in .index-title{ padding-top: 65px;}
.review_in .index-title h1{ font-weight: normal; font-size: 30px; color:#333;}
.review_in .index-title p{ font-weight: bold; font-size: 20px; color:#142f73; margin:10px auto;background: url(../images/line_bg2.png) no-repeat center;}
.review_con{ height: auto; overflow: hidden; margin-top: 20px;}
.rewiew_left{ float: left; width: 300px; padding-left: 300px; border-right:1px solid #ffc682;}
.rewiew_left .title{ font-size: 20px; color:#333;}
.rewiew_left .title span{ color:#142f73; font-weight: bold;}
.rewiew_left #scrollDiv{ width: 290px;height: 200px;min-height: 15px;line-height: 15px;overflow: hidden;padding-left: 10px;margin-top: 10px;}
.rewiew_left #scrollDiv ul li{ height: 25px;  font-size: 16px; color:#333; background: url(../images/lb.png) no-repeat left center; padding-left: 20px; line-height: 25px;}
.rewiew_right{ float: left; width: 385px;}
.revi_ricon{ height: auto; overflow: hidden;}
.form_item{height: auto; overflow: hidden;margin-bottom: 10px; }
.form_item .form-label{ width: 100px; text-align: right; float: left; color:#333; line-height: 35px; font-size:14px;} 
.form_item .form-element{ width: 280px; float: right;}
.form_item .form-element input{ border:1px solid #ccc; height: 35px; line-height: 35px; width: 218px; -webkit-appearance: none;}
.form-element select {height: 35px;font-size: 14px;width: 220px;color: #6c6c6c;
    border:1px solid #ccc;}

.form_item .form-element input::-webkit-input-placeholder{ color:#6c6c6c;}    /* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
.form_item .form-element input:-moz-placeholder{color:#6c6c6c;}                  /* Firefox鐗堟湰4-18 */
.form_item .form-element input::-moz-placeholder{color:#6c6c6c;}                  /* Firefox鐗堟湰19+ */
.form_item .form-element input:-ms-input-placeholder{color:#6c6c6c;}  

.dpjs{ height: auto; overflow: hidden; margin-left: 105px;}
.dpjs input{ width: 218px; height: 32px; background: #fea700; color:#fff; font-size: 14px; line-height: 32px; background: #fea700; border-radius: 30px; border:none;-webkit-appearance: none;}

.server{ height: auto; overflow: hidden;}
.server_ul{ height: auto; overflow: hidden;}
.server_ul li{ float: left; width: 23.5%; margin-right: 2%; }
.server_ul li:last-child{ margin-right: 0px;}
.server_ul li .server_img{ height: auto; overflow: hidden; position: relative;}
.server_ul li .server_img img{ display: block; max-width: 100%;}
.server_ul li .server_img b{ display: block; width: 100%; height: 45px; background:rgba(0,0,0,0.6); position: absolute; left:0px; bottom:0px; line-height: 45px; font-size: 16px; color:#fff; text-align: center; font-weight: normal;}
.server_ul li .serv_detail{ height: auto; overflow: hidden;border:1px solid #e6e8e7; padding:15px;}
.server_ul li .serv_detail dl{ height: auto; overflow: hidden; height: 76px;}
.server_ul li .serv_detail dl dd{ float: left; width: 50%; font-size: 15px; color:#333333;}
.server_ul li .serv_detail dl dd:nth-child(2n){ text-align: right;}
.server_ul li .serv_detail dl dd a{color:#333333; }
.server_ul li .serv_detail a.zx{ display: block; width: 100%; height: 40px; border-radius: 30px; text-align: center; line-height: 40px; font-size: 16px; background:#ff9313; color: #fff; margin-top: 10px;}


.service{ height: 150px; width: 100%; background: url(../images/serve.jpg) no-repeat center; margin:4% 0px;}
.serv-left{ float: left; font-size: 30px; font-weight: bold; color:#fff; margin-left: 230px; margin-top: 50px;}
.serv-left span{font-size: 11px;
    color: #fefefe;
    font-weight: normal; display: block; margin-top: 20px;}
.serv-right{ float: right; background: url(../images/ipon.png) no-repeat left center; color:#fff; font-size: 16px; line-height: 30px;padding-left: 58px; margin-top: 40px;}
.serv-right b{ font-size: 32px;}

.advant{ height: auto; overflow: hidden;}
.adv_ul{ height: auto; overflow: hidden; background:url(../images/adv_ul.png) no-repeat center; height: 528px; position:relative;}
.adv_ul li{  width: 354px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: absolute;}
.adv_ul li:nth-of-type(odd){ text-align: right; }
.adv_ul li h2{ font-size: 22px; color:#333; line-height: 30px;}
.adv_ul li  p{ font-size: 13px; color:#666;}
.adv_ul li.li1{ left: 102px; top: 9px;}
.adv_ul li.li2{left: 740px; top: 9px; }
.adv_ul li.li3{ left: -32px; top: 144px;}
.adv_ul li.li4{left: 877px; top: 144px;  }
.adv_ul li.li5{left: -32px; top: 330px;  }
.adv_ul li.li6{left: 877px;  top: 330px;}
.adv_ul li.li7{left: 109px; top: 467px;  }
.adv_ul li.li8{left:748px;  top: 467px;}


.chose{ background:url(../images/chose_bg.jpg) no-repeat center; height: 398px; margin:3% 0px;}
.chose .index-title{ height: auto; overflow: hidden; text-align: center; padding-top: 50px;}
.chose .index-title h1{ color:#fff; font-size: 40px; font-weight: bold; line-height: 42px;}
.chose .index-title p{ font-size: 14px; color:#fff; background: url(../images/line_bg1.png) no-repeat center; margin:20px auto;}
.chose_ul{ height: auto; overflow: hidden; margin-top: 10px;}
.chose_ul li{ float: left; width: 25%; border-right:1px solid #878786;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.chose_ul li img{ display: block; margin:10px auto 20px;}
.chose_ul li span{ display: block; text-align: center; color:#fff; font-size: 18px; margin:10px 0px;}
.chose_ul li p{ color:#fff; font-size: 13px; text-align: center; line-height: 20px;}
.chose_ul li:last-child{ border-right:none;}


.case_index{ height: auto; overflow: hidden; margin-bottom: 3%;}
.leftLoop1{position: relative; width:1200px; margin:0px auto; margin-top: 28px;}

.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:30px; height:60px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-52px; top:100px;  background:url("../images/prevPro4.png") no-repeat left top;}
.leftLoop1 .hd .next{right:-52px; top:100px;  display:block;  background:url("../images/nextPro4.png") no-repeat right top;}


.leftLoop1 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop1 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop1 .bd ul li{ float:left; overflow:hidden; width:220px;  text-align:center; margin-right: 25px; }
.leftLoop1 .bd ul li div{ width:208px;  height:auto;border:1px solid #e4e4e4; margin:0 auto; padding:3px;}
.leftLoop1 .bd ul li img{width:100%;}
.leftLoop1 .bd ul li p{ font-size:13px; color:#666666; line-height: 36px;}
.par_in{ display: none;}

.news{background-color: #fff;padding-bottom:4%;}
.news_all .show_Item{display: none;}
.news_all .show_Item:nth-child(1){display: block;}
.show_Item .news_img{width: 590px;float: left;}
.news_date{width: 562px;float: right;}
.news_nav{height: 54px;line-height: 54px;border-bottom: 1px solid #e8e8e8;}
.news_nav li{width: 88px;float: left;text-align: center;margin-right: 14px;}
.news_nav li a{ font-size: 20px; color: #333333; font-weight: bold;}
.news_nav li.active a{ color: #142f73;}

.news_all{margin-top: 34px;}
.news_img .img img{width: 100%;height: auto;}
.news_img .img_info{margin-top: 18px;}
.news_img .img_info h5{line-height: 40px;font-size: 16px;}
.news_img .img_info h5 a{color: #333333; }
.news_img .img_info p{line-height: 24px;font-size: 14px;color: #666666;}
.news_img .img_info p a{ color: #666666;}
.date_list li{height: 134px;overflow: hidden;border-bottom:1px dashed #a2a2a2;}
.date_num{width: 136px;float: left;position: relative;}
.date_num h5{position: absolute;font-size: 50px;color: #142f73;top:24px;left:29px;}
.date_num span{position: absolute;top:80px;left:32px;color: #777777;font-size: 16px;}
.date_info{width: 426px;float: right;}
.date_info h5{line-height: 42px;margin-top: 20px;}
.date_info h5 a{font-size: 16px;color: #333333;}
.date_info h5 a:hover{color: #142f73 !important;}
.date_info p{line-height: 24px;font-size: 14px;color: #666;}
.date_info p a{color: #666;}
.date_info p:hover{ color: #666;}
.date_list {margin-top: -32px;}
.news_scroll{margin-top: 32px;overflow: hidden;}
.news_scroll .scroll_btn{width: 102px;float: left;}
.scroll_show{width: 1054px;float: right;}


.leftLoop6{position: relative;}
.leftLoop6 .hd{position:absolute; width:100%; z-index:9; top:85px;}
.leftLoop6 .hd a{position:absolute; display:block;  width:50px; height:23px; cursor:pointer; 
    border:none !important; margin-top:0; margin-right:0;}
.leftLoop6 .hd .prev{left:-146px;  background:url(../images/prev_btn2.png) no-repeat;
    transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop6 .hd .next{left:-95px; display:block; 
 background:url(../images/next_btn2.png) no-repeat;transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;}
.leftLoop6 .bd{position:relative; width:100%;  overflow:hidden; }
.leftLoop6 .bd ul{ margin:0px; padding:0; list-style:none; width:990px; overflow:hidden;}
.leftLoop6 .bd ul li{ float:left; overflow:hidden; width:512px; margin-right:30px; background:#f9f9f9;  height: 112px;}
.leftLoop6 .bd ul li h5{margin-top: 15px;font-size: 16px;line-height: 32px;padding-left: 52px;background:url(../images/q_bg.png) no-repeat 22px center;}
.leftLoop6 .bd ul li h5 a{color: #333333; }
.leftLoop6 .bd ul li p{font-size: 14px;line-height: 24px;padding-left: 52px;background:url(../images/a_bg.png) no-repeat 22px 2px;}
.leftLoop6 .bd ul li p a{color: #777777; }
.scroll_btn h5{font-size: 20px;color: #333333;font-weight: bold;}
.scroll_btn span{line-height: 32px;font-size: 13px;color: #777777;}

.sjunder{ display: none;}


.contact{ background:url(../images/contact_bg.jpg) no-repeat center; height: 659px;}
.contact .index-title{ height: auto; overflow: hidden; text-align: center; padding-top: 100px;}
.contact .index-title h1{ color:#fff; font-size: 40px; font-weight: bold; line-height: 42px;}
.contact .index-title p{ font-size: 14px; color:#fff; background: url(../images/line_bg1.png) no-repeat center; margin:20px auto;}
.lx_ul{ height: auto;  margin-top: 10px;}
.lx_ul li{ width: 385px; height: 42px; background: rgba(255,255,255,0.9); float: left; margin-right: 22px;    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.lx_ul li:last-child{ margin-right: 0px;}
.lx_ul li label{ width: 10%; float: left; display: inline-block; position: relative; top:10px; left:10px;}
.lx_ul li label img{ vertical-align: middle;}
.lx_ul li input{ border:none; background:transparent; height: 42px; width: 90%; float: left;-webkit-appearance: none; font-size: 14px;-webkit-appearance: none;}
::-webkit-input-placeholder{ color:#333333;}    /* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
:-moz-placeholder{color:#333333;}                  /* Firefox鐗堟湰4-18 */
::-moz-placeholder{color:#333333;}                  /* Firefox鐗堟湰19+ */
:-ms-input-placeholder{color:#333333;}           /* IE娴忚鍣� */

.texta{  width: 100%; height: 240px;background: rgba(255,255,255,0.9); margin: 30px 0px 40px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.texta label{width: 3%; float: left; display: inline-block; position: relative; top:7px; left:10px; }
.texta textarea{ border:none; background:transparent; height: 230px; width: 95%; float: left;-webkit-appearance: none; font-size: 14px; padding-top: 10px;}
.lx_btn{ height: auto;  text-align: center;}
.lx_btn input{ width: 384px; border:none; height: 47px; background: #323744; color:#fff; font-size: 15px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);-webkit-appearance: none;}
.lx_btn input:last-child{ background: #f9941b; margin-left: 18px;}
@media screen and (max-width: 768px) {
.flexBanner{ display: none;}
.swiperloop3{ display: block;}
.swiperloop3 img{ max-width: 100%;}
.index-title h1{ font-size: 20px; line-height: 20px;}
.index-title p{ background: none; font-size: 10px; margin:2% auto; line-height: 16px;}
.syt{ margin-bottom: 4%; border-right:none; padding:3% 2px 0px;}
.syt p{ height: auto; font-size: 12px; line-height: 20px; margin-top: 5%;}
.syt b{ width: 67px; height: 67px; border: 2px solid #14ab53;box-shadow:none;}
.syt b:after{ display: none;}
.syt h2{ font-size: 14px; line-height: 20px; height: 40px;}
.syt img{ max-width: 100%;}

.review{ background: none;}
.review_in{ width: 100%; height: auto; background: none; margin:5% auto;}
.review_in .index-title{ padding-top: 0px;}
.review_in .index-title h1{font-size: 20px;}
.review_in .index-title p{ font-size: 14px; margin:2% auto;}
.review_con{ margin-top: 5%;}
.rewiew_left{ width: 100%; padding-left: 0px; float: none;
    display: none;}
.rewiew_right{ float: none; width: 100%; margin-top: 5%; }
.form_item .form-label{ width: 20%;}
.form_item .form-element{ width: 80%;}
.form_item .form-element input{ width: 98%;}
.form-element select{width: 98%; }
.dpjs{ margin-left: 0px; height: auto; overflow: hidden;}
.dpjs input{ width: 80%; margin:4% auto; display: block;}

.server_ul li{ width: 48%; margin-right:0px; margin-bottom: 4%;}
.server_ul li:nth-child(2n){ float: right;}
.server_ul li .server_img{ max-width: 100%;}
.server_ul li .server_img b{ height: 30px; line-height: 30px; font-size: 14px;}
.server_ul li .serv_detail{ padding:2px;}
.server_ul li .serv_detail dl{ height: 121px;}
.server_ul li .serv_detail dl dd{ font-size: 12px; float: none; width: 100%;}
.server_ul li .serv_detail dl dd:nth-child(2n){ text-align: left;}
.server_ul li .serv_detail a{ height: 30px; line-height: 30px; font-size: 12px; margin-bottom: 5%;}

.service{ display: none;}
.advant{ margin-top: 5%;}
.adv_ul{ height: auto; background: none;}
.adv_ul li{ position:inherit; margin-bottom: 3%;}
.adv_ul li:nth-of-type(odd){ text-align: left;}
.adv_ul li.li1,.adv_ul li.li2,.adv_ul li.li3,.adv_ul li.li4,.adv_ul li.li5,.adv_ul li.li6,.adv_ul li.li7,.adv_ul li.li8{ left:0px; top:0px;}
.adv_ul li h2{ font-size: 14px;}

.chose{ height: auto; background-size: cover;}
.chose .index-title{ padding-top: 5%;}
.chose .index-title h1{ font-size: 20px; line-height: 20px;}
.chose .index-title p{ font-size: 12px; margin:2% auto; line-height: 16px;}
.chose_ul li{ width: 48%; margin-bottom: 5%;border-right:none;}

.chose_ul li:nth-child(2n){ float: right; }
.chose_ul li img{ max-width: 30%; margin:3% auto; }
.chose_ul li span{ margin:2% 0px; font-size: 16px;}
.chose_ul li p{ font-size: 12px;}
.leftLoop1{ display: none;}
.par_in{ display: block;}
.par_in img{ max-width: 100%;}
.par_in p{ text-align: center; font-size: 14px; color: #333; margin-top: 5px;}
.par_in h1{ height: 35px;}


.news{ margin-top: 0px; padding:5% 0px;}
.news_nav li a{ font-size: 18px;}
.news_nav{ line-height: 30px; height: 30px;}
.news_nav li{ width: 26%; margin-right: 0px;}
.news_all{ margin-top: 3%;}
.show_Item .news_img{ float: none; width: 100%;}
.news_date{ float: none; width: 100%;}
.date_list{ margin-top: 1%;}
.date_list li{height: auto; margin-bottom: 22px; padding-bottom: 12px;}
.date_num{width: 20%;}
.date_info{width: 78%;}
.date_num h5,.date_num span{left:0;}
.date_info h5 a{font-size: 14px;}
.date_info h5{line-height: 22px;margin-top: 0;}
.date_list{margin-top: 0;}
.date_info p a{font-size: 12px;}
.news_img .img_info{ margin:5% 0px;}
.news_scroll .scroll_btn{ float: none; width: 100%;}
.scroll_show{ width: 100%; float: none;}
.leftLoop6{ display: none;}
.sjunder{ display: block;}
.sjunder li a{ color:#333;}
.sjunder li.li1{ font-size: 16px;}
.sjunder h1{ height: 30px;}
.contact{ height: auto; background-size: cover; padding-bottom: 4%;}
.contact .index-title h1{ font-size: 20px; line-height: 22px;}
.contact .index-title{ padding-top: 5%;}
.contact .index-title p{ font-size: 12px; background:none; margin:2% auto;}
.lx_ul li{ width: 100%; margin-bottom: 5%;}
.texta label{ width: 10%;}
.texta{ height: 120px;margin-top: 0px;    margin-bottom: 5%; }
.texta textarea{width: 86%;display: block;height: 110px;}
.lx_btn input{ width: 44%;}

}